<template>
<div class="boot">
    <div class="iconfont input">
        &#xe600;搜索商品,服务
    </div>
    
        <!-- 购物车图标 -->
        <div class="iconfont shoppingCart">
            <router-link to="/shoppingCart" tag="div">
            &#xe622;
            </router-link>
        </div>
    
</div>
</template>

<script>
export default {
    name: 'Search'
}
</script>

<style scoped>
.boot {
    height: .9rem;
    padding-top: .2rem;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: .1rem;
    margin-left: .2rem;
    align-items: baseline;
    font-size: .4rem;
  
}

.input {
    width: 85%;
    border-radius: .1rem;
    background-color: #F5F5F5;
    height: .67rem;
    padding-left: .1rem;
    color: #B0AFAE;
    line-height: .67rem;
}

.shoppingCart {
    width: 10%;
}
</style>
